<div class="row">
    <div class="col-lg-12">
        <div class="card card-outline-info">
            <div class="card-header">
                <h4 class="m-b-0 text-white"></h4>
            </div>
            <div class="card-body">
                <div class="form-body">
                    <h3 class="box-title">用户详情</h3>
                    <hr class="m-t-0 m-b-40">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group row">
                                <label class="control-label text-right col-md-3">姓名:</label>
                                <div class="col-md-9">
                                    <p class="form-control-static">{{userInfo.name}}</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group row">
                                <label class="control-label text-right col-md-3">登录名:</label>
                                <div class="col-md-9">
                                    <p class="form-control-static">{{userInfo.loginName}}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group row">
                                <label class="control-label text-right col-md-3">人生状态:</label>
                                <div class="col-md-9">
                                    <p class="form-control-static">{{userInfo.status}}</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group row">
                                <label class="control-label text-right col-md-3">性别:</label>
                                <div class="col-md-9">
                                    <p class="form-control-static">{{userInfo.gender}} </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group row">
                                <label class="control-label text-right col-md-3">生日:</label>
                                <div class="col-md-9">
                                    <p class="form-control-static">{{userInfo.birthday}}</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group row">
                                <label class="control-label text-right col-md-3">电话:</label>
                                <div class="col-md-9">
                                    <p class="form-control-static">{{userInfo.telephone}} </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group row">
                                <label class="control-label text-right col-md-3">住址:</label>
                                <div class="col-md-9">
                                    <p class="form-control-static">{{userInfo.address}}</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group row">
                                <label class="control-label text-right col-md-3">民族:</label>
                                <div class="col-md-9">
                                    <p class="form-control-static">{{userInfo.nationality}}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group row">
                                <label class="control-label text-right col-md-3">身份证号:</label>
                                <div class="col-md-9">
                                    <p class="form-control-static">{{userInfo.idNumber}}</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group row">
                                <label class="control-label text-right col-md-3">已上传图片:</label>
                                <div class="col-md-6">
                                    <ng-container *ngFor="let filePath of imageList">
                                        <img class="op-detail-img" [src]="filePath" />
                                    </ng-container>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-actions">
                    <button type="button" class="btn btn-inverse" routerLink="/users">
                        <i class="fa fa-reply"></i> 返回</button>
                </div>
            </div>
        </div>
    </div>
</div>